/*-----------css reset------------*/
body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";font-size: 12px;}
input,a{outline:none;}

/*-----------登陆页面------------*/
#login_header,main,footer{
	width: 1200px;
	margin: 0 auto;
}
#login_header{
	/*background: #111;*/
	height: 100px;
	background: url(../img/logo.png) no-repeat 0 center;
	position: relative;
}
#login_header p{
	background: #ffefef;
	font-size: 12px;
	color: #000;
	border: 2px solid #ffd4db;
	height: 27px;
	line-height: 27px;
	position: absolute;
	top: 36px;
	left: 150px;
	padding:0 5px;
}
#main_wrap{
	width: 100%;
	height: 600px;
	background: url(../img/login-banner.png) no-repeat center center;
}
main{
	height: 600px;
	position: relative;
}
main #scan,main #login_method{
	width: 400px;
	height: 410px;
	background: #fedad8;
	opacity: 0.8;
	position: absolute;
	top: 80px;
	right: 32px;
}
main #login_method{
	display: none;
}
main #scan>a:first-of-type,main #login_method>a:first-of-type{
	position: absolute;
	top: 4px;
	right: 4px;
}
main #scan #qs_code{
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
main #scan #qs_code a{
	color: #333;
}
main #scan #qs_code img:nth-of-type(1){
	padding: 30px 5px;
}
main #scan #qs_code img:nth-of-type(2){
	padding-bottom: 50px;
}
main #scan #qs_code a{
	font-size: 16px;
	text-decoration: underline;
}
/*-----------login_method--------------*/
main #login_method #login_tab_wrap{
	height: 53px;
	border-bottom: 1px solid #d0bdbc;
}
main #login_method #login_wrap{
	width: 314px;
	height: 53px;
	line-height: 53px;
	margin: 0 auto;
}
main #login_method #login_wrap a{
	display: block;
	height: 51px;
	font-size: 12px;
	color: #4f3c3a;
	font-weight: bold;
	padding: 0 30px;
}
main #login_method #login_wrap .active{
	color: #fe4060;
	border-bottom: 2px solid #fe4060;
}
/* main #login_method #login_wrap a:hover{
	color: #fe4060;
	border-bottom: 2px solid #fe4060;
} */
main #login_method #login_wrap a:nth-of-type(1){
	float: left;
}
main #login_method #login_wrap a:nth-of-type(2){
	float: right;
}
main #login_method .normal_login {
	width: 314px;
	margin: 0 auto;
	position: absolute;
	top: 54px;
	left: 44px;
}
main #login_method .normal_login input{
	width: 312px;
	height: 40px;
	border: 1px solid #d3c0bf;
}
main #login_method .normal_login input:nth-of-type(1){
	margin: 16px 0 15px 0;
}
main #login_method .normal_login input:nth-of-type(2){
	margin-bottom: 25px;
}
main #login_method .normal_login input:nth-of-type(3){
	background: #fe5671;
	border: none;
	color: #fff;
	cursor: pointer;
}
/* main #login_method .normal_login div{
	width: 312px;
	height: 40px;
	margin-bottom: 25px;
}
main #login_method .normal_login div span{
	float: left;
	width: 110px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #ff5872;
	color: #fff;
}
main #login_method .normal_login div input{
	margin: 0!important;
	float: right;
	width: 192px;
	height: 40px;
	border: 1px solid #d3c0bf;
} */
/* main #login_method section:nth-of-type(2){
	display: none;
}
main #login_method section:nth-of-type(2) div input{
	margin-bottom: 25px;
}
main #login_method section:nth-of-type(2) input:nth-of-type(2){
	background: #fe5671;
	border: none;
	color: #fff;
	cursor: pointer;
} */
main #login_method .normal_login p:nth-of-type(1){
	padding: 27px 0 24px 0;
	overflow: hidden;
}
main #login_method .normal_login p:nth-of-type(1) img{
	padding-right: 6px;
}
main #login_method .normal_login p span{
	float: left;
	height: 19px;
	line-height: 19px;
	width: 116px;
}

main #login_method .normal_login p a{
	color: #959595;
}
main #login_method .normal_login p span img{
	float: left;
}

main #login_method .normal_login p:nth-of-type(2) a{
	float: right;
	text-decoration: underline;
	margin-right: 20px;
}
#footer_wrap{
	width: 100%;
	background: #f5f5f5;
}
footer{
	
	padding-top: 100px;
}
footer #about{
	width: 1200px;
	height: 12px;
}
footer #about a{
	float: left;
	font-size: 12px;
	color: #d5d5d5;
	padding:0 27px;
	border-right: 1px solid #d5d5d5;
}
footer .line{
	width: 1200px;
	border-bottom: 2px solid #d5d5d5;
	padding-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}

footer .line span{
	font-size: 12px;
	color: #666;
	background: #f5f5f5;
	position: relative;
	bottom: -8px;
	padding: 0 10px;
}
footer p{
	color: #a9a9a9;
	text-align: center;
	line-height: 28px;
	word-break: 
}
footer p:nth-of-type(2){
	padding-bottom: 26px;
}
/*-----------首页------------*/
#top_wrap{
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}
#top{
	width: 1080px;
	height: 12px;
	line-height: 12px;
	padding: 11px 120px 9px 0;
	margin: 0 auto;
}
#top_content{float: right;}
#top_content a{
	float: left;
	width: 63px;
	font-size: 12px;
	color: #999;
	border-right: 1px solid #bb99bb;
	text-indent: 12px;
	margin-right: 22px;
}
#top_content a:nth-of-type(1) i{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: url(../img/home.png) no-repeat;
	background-size: contain;
	margin-right: 3px;
}
#top_content a:nth-of-type(2) i{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: url(../img/shopping.png) no-repeat;
	background-size: contain;
	margin-right: 3px;
}
#top_content a:nth-of-type(3){text-indent: 0;width: 75px;}
#top_content a:nth-of-type(4){text-indent: 0;width: 62px;background: url(../img/down.png) right center no-repeat;background-size: 15%;border: 0;}
/*关于我们*/
#about_us{
	width: 960px;
	height: 364px;
	background: #fff;
	position: absolute;
	right: 21px;
	z-index: 99;
	display: none;
}
#about_us_list{
	width: 876px;
	height: 192px;
	margin: 26px auto 0;
}
#about_us_list ul{
	width: 160px;
	float: left;
}
#about_us_list ul:last-child{
	width: auto;
}
#about_us_list h2{
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 17px;
	color: #333333;
}
#about_us_list a{
	display: block;
	height: 29px;
	line-height: 29px;
	color: #959795;
}
#about_us .line{
	width: 876px;
	height: 2px;
	background: #f5f5f5;
	margin: 0 auto;
	margin-top: 38px;
	margin-bottom: 21px;
	position: relative;
}
#about_us .line span{
	background: #fff;
	position: absolute;
	top: -6px;
	left: 320px;
	padding: 0 26px;
}
#about_us p{
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	color: #b7b8b7;
}
header{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}
header div:nth-of-type(1){
	float: left;
	line-height: 100px;
	margin-right: 76px;
	position: relative;
}
header div:nth-of-type(1) a{
	float: left;
	font-size: 14px;
	color: #333333;
}
#logo{
	margin-right: 45px;
}
header div:nth-of-type(1) i{
	display: inline-block;
	width: 18px;
	height: 12px;
	margin-right: 4px;
	background:url(../img/list.png) no-repeat;
	background-size: contain;
}
header div:nth-of-type(2){
	float: left;
	padding-top: 28px;
}
header div:nth-of-type(2) input{
	float: left;
	border: 0;
	padding: 0;
}
header div:nth-of-type(2) input:nth-of-type(1){
	width:552px;
	height: 48px;
	background: #f7f7f7;
	border-radius: 10px 0 0 10px;
	text-indent: 15px;
	font-size: 12px;
	color: #000;
}
header div:nth-of-type(2) input:nth-of-type(2){
	width:58px;
	height: 48px;
	border-radius: 0 10px 10px 0;
	background: url(../img/search.png) no-repeat;
	background-size: contain;
	cursor: pointer
}
header div:nth-of-type(3){
	padding-top: 31px;
	position: relative;
}
header div:nth-of-type(3) a{
	float: left;
	height: 47px;
	line-height: 23px;
	color: #333333;
}
header div:nth-of-type(3) a img{
	width: 24px;
	height: 24px;
	margin: auto;
}
header div:nth-of-type(3) a:nth-of-type(1){
	margin: 0 28px 0 20px;
}
header div:nth-of-type(3) a:nth-of-type(3){
	margin: 0 10px 0 23px;
}
header div:nth-of-type(4){
	height: 47px;
	line-height: 47px;
	float: right;
}
header div:nth-of-type(4) a{
	color: #333333;
}
header div:nth-of-type(4) img{
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 7px;
	margin-right: 7px;
}
header #red_dot{
	position: relative;
}
/* header #red_dot span{
	position: absolute;
	top: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: red;
} */
header #red_dot .redDot{
	position: absolute;
	top: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: red;
}
header #app_code{
	width: 199px;
	height: 217px;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 3;
	display: none;
}
header #app_code img{
	cursor: pointer;
}
/*--------------目录--------------*/
#category_wrap::after{
	content:'';
	display: block;
	clear: both;
}
#category{
	width: 1118px;
	height: 241px;
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 77px;
	left:-25px;
	z-index: 2;
	background: #fff;
	display: none;
}
#category:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #efefef;
	position: absolute;
	top: -24px;
	left: 200px;
}
#category::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: -20px;
	left: 202px;
}
#category ul{
	float: left;
	width: 302px;
	height: 219px;
	padding:22px 0 0 20px;
	border-right: 1px solid #eeeeee;
}
#category ul h3{
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
}
#category ul li{
	height: 25px;
}
#category ul:first-child li{
	width: 54px;
}
#category ul:nth-of-type(2) li{
	margin-right: 25px;
}
#category ul li{
	float: left;
}
#category ul li a{
	color: #666;
	font-size: 12px;
	line-height: 25px;
}
#category ul:nth-of-type(3){
	width: 440px;
	border:0;
}
#category ul:nth-of-type(3) li{
	float: left;
	margin-right: 30px;
}
/*--------------main-------------*/
main{
	width: 1200px;
	height: auto;
	background: pink;
	margin: 0 auto;
}
main #left{
	width: 220px;
	/* min-height: 200px; */
}
main #content{
	width: 710px;
	min-height: 200px;
	margin: 0 25px;
}
main #content section{
	width: 710px;
	height: 750px;
	margin-bottom: 24px;
	overflow: hidden;
	position: relative;
}
main #content section img{
	position: absolute;
	top: 0;
	left: 710px;
}
main #content h3 a{
	display: block;
	width: 691px;
	height:45px;
	float: right;
}

main #content #shopping{
	height: 403px;
	background: url(../img/nav.gif) no-repeat;
	background-size: 100%;
}
main #content #shopping ul{
	width: 672px;
	margin: 0 auto 30px;
}
main #content #shopping ul:after{
	content: '';
	display: block;
	clear: both;
}
main #content #shopping ul li{
	float: left;
	width: 112px;
	height: 119px;
}
main #content #shopping ul li span{
	display: block;
	width: 112px;
	height: 94px;
}
main #content #shopping ul li p{
	line-height: 25px;
	text-align: center;
	color: #333333;
}
main #content #shopping ul li:nth-of-type(1) span{
	background: url(../img/shangyi.png)center 30px no-repeat;

	background-size: contain;
}
main #content #shopping ul li:nth-of-type(2) span{
	background: url(../img/qunzhuang.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(3) span{
	background: url(../img/kuzi.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(4) span{
	background: url(../img/neiyi.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(5) span{
	background: url(../img/nvxie.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(6) span{
	background: url(../img/baobao.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(7) span{
	background: url(../img/peishi.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(8) span{
	background: url(../img/nanyou.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(9) span{
	background: url(../img/meizhuang.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(10) span{
	background: url(../img/muying.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(11) span{
	background: url(../img/jiaju.png)center 30px no-repeat;
	background-size: contain;
}
main #content #shopping ul li:nth-of-type(12) span{
	background: url(../img/shipin.png)center 30px no-repeat;
	background-size: contain;
}
main #right{
	width: 220px;
	/* min-height: 200px; */
}
main #left,main #content,main #right{
	float:left;
}

#content nav{
	width: 673px;
	margin: 0 auto;
}
#content nav a{
	float: left;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 15px;
	background: #f5f5f5;
	font-size: 12px;
	color: #333333;
	margin-right: 18px;
	margin-bottom: 14px;
}
#content nav a:hover{
	color: #ff4466;
}
#content nav a:nth-of-type(5),#content nav a:nth-of-type(10){
	margin: 0;
}
.list{
	width: 220px!important;
}
.list img{
	width: 220px;
	height: auto;
	border-radius: 15px;
	margin-bottom: 24px;
}
.waterfall{
	float: left;
	margin-right: 24px;

}
.waterfall:last-child{
	margin: 0;
}
/*---------------购物车列表-------------------*/

p{margin: 0;}
#top1,#total{
	width: 1198px;
	height: 49px;
	line-height: 49px;
	border: 1px solid #dddddd;
	margin: 0 auto;
}
#top1{
	background: #f6f6f6;
}
#top1 span:nth-of-type(1){
	margin: 0 500px 0 125px
}
#top1 span:nth-of-type(3){
	margin: 0 72px 0  67px;
}
#top1 span:last-child{
	margin-left: 50px;
}
#total p:nth-of-type(1){
	float: left;
}
#total p:nth-of-type(1) span:nth-of-type(1){
	margin: 0 20px;
}
#total p:nth-of-type(2){
	float: right;
}
#total p:nth-of-type(2) input{
	height: 49px;
	width: 151px;
	border: 0;
	color: #fff;
	margin-left: 14px;
	border-top: 0;
	float: right;
}
#total .payment{
	background: #f13e3a;
	color: #333;
	font-weight: bold;
}
#total p:nth-of-type(2) b{
	font-size: 20px;
	color: #ff5777;
}
#total p:nth-of-type(2) i{
	font-style: normal;
	color: #ff5777;
}
.carList section{
	width: 1198px;
	height: 123px;
	padding-top: 24px;
	margin: 0 auto;
	border: 1px solid #dddddd;
	margin: 10px auto;
}
.carList section span{
	float: left;
}
.carList section img{
	width: 76px;
	height: 76px;
	width: 1px solid #dddddd;
	float: left;
	margin: 0 15px;
}
.carList section p span:nth-of-type(3){
	width: 500px;
}
.carList section p span:nth-of-type(4){
	margin:0 20px 0 100px;
}
.carList section p span:nth-of-type(5){
	margin-left: 30px;
}
.carList section p span:nth-of-type(8){
	margin: 0 50px 0 30px;
}
.carList section p span:nth-of-type(9){
	margin-right: 0
}
.carList section p span:nth-of-type(5) a,.carList section p span:nth-of-type(7) a{
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #dfdfdf;
}
.carList section p span:nth-of-type(6) input{
	width: 43px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	outline: 0;
}


/*--------------详情页-----------------*/
#goodsDetail{
	width: 960px;
	margin: 0 auto;
	background: pink;
}

#goodsDetail section{
	float: left;
}
#goodsDetail section h2{
	height: 70px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
#goodsDetail section div:nth-of-type(1){
	height: 99px;
	background: #f6f6f6;
	font-size: 12px;
	color: #999999;
}
#goodsDetail section div:nth-of-type(1) p{
	height: 33px;
	line-height: 33px;
	margin-left: 10px;
}
#goodsDetail section div:nth-of-type(1) p b{
	font-size: 20px;
	color: #ef2f23;
}
#goodsDetail section div:nth-of-type(1) p:last-child a{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border: 1px solid #ff5577;
	font-size: 12px;
	margin-right: 9px;
}
#goodsDetail section div:nth-of-type(1) p:last-child a:after{
	content: '';
	display: inline-block;
	clear: both;
}
#goodsDetail section div:nth-of-type(1) p:last-child span,#goodsDetail section div:nth-of-type(1) p:last-child i{
	float: left;
}
#goodsDetail section div:nth-of-type(1) p:last-child span{
	height: 20px;
	padding: 0 5px;
	color: #ff5577;
}
#goodsDetail section div:nth-of-type(1) p:last-child i{
	height: 20px;
	line-height: 20px;
	width: 31px;
	text-align: center;
	background: #ff5577;
	font-style: normal;
	color: #fff;
}
#goodsDetail section:nth-of-type(1) img{
	width: 350px;
	height: 350px;
}
#goodsDetail section:nth-of-type(2){
	margin-left: 21px;
	width: 540px;
	color: #999999;
}
#goodsDetail section div:nth-of-type(2) p{
	height: 50px;
	margin-left: 18px;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(1){
	line-height: 50px;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(1) img{
	float: left;
}
#goodsDetail section div:nth-of-type(2) span{
	display: inline-block;
	height: 24px;
}
#goodsDetail section div:nth-of-type(2) span img{
	padding-top: 13px;
}
#goodsDetail section div:nth-of-type(2) span:after{
	content: '';
	display: inline-block;
	clear: both;
}

#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) a,#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) input{
	float: left;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) b{
	display: inline-block;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) b:after{
	content: '';
	display: inline-block;
	clear: both;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) a{
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #999999;
	border: 1px solid #dddddd;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(2) input{
	width: 44px;
	height: 22px;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(3) a:nth-of-type(1){
	float: left;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #ef2f23;
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
}
#goodsDetail section div:nth-of-type(2) p:nth-of-type(3) a:nth-of-type(2){
	float: left;
	width: 198px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #dddddd;
	color: #333333;
	font-size: 18px;
}
#goodsDetail #move{
	position: relative;
}
/* #goodsDetail #move{
	position: absolute;
	width: 100px;
	height: 100px;
	background: red;
} */